<?php
use frontend\assets\AppAsset;
use yii\helpers\Url;

AppAsset::register($this);
$this->title = '心愿单';
$this->params['breadcrumbs'][] = $this->title;
$image_bath_url = Yii::$app->params['imageBathUrl'];
?>
<?php
AppAsset::addCss($this,$image_bath_url."/static/pc/css/user-center/user-center.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/user-center/user-center-hart.css");
AppAsset::addCss($this,$image_bath_url."/static/pc/css/common/prouduct-list.css");
?>
<section class="user_center_wrap mt50">
<div class="w">
<div class="user_center_title br4">
    <h1 class="h1">会员中心</h1>
</div>
<div class="user-center-w mt">
    <?= $this->render('customer-menu') ?>
    <div class="user-center-right">
        <div class="user_hart_title">
            <h2 class="h2">心愿单</h2>
            <a href="<?php echo Url::to(['/customer/print-list']);?>" target="_blank" class="title_print title_btn"><span class="icon icon-print"></span>打印</a>
            <p class="title_fx_btn title_btn"><span class="icon icon-fx"></span>分享</p>
        </div>
        <div class="user_hart_select h-45">
            <ul class="user_hart_select_top mt20">
                <li class="item js_select">
                    <span class="icon icon-sxq"></span>
                    <span>筛选器</span>
                    <span class="icon icon-sxq2"></span>
                </li>
                <li class="item">
                    <input type="text" class="user_search_value hide"/>
                    <span class="icon icon-search js_show_val"></span>
                </li>
                <li class="item">
                    共<span><?=$total?></span>件产品
                </li>
            </ul>
            <ul class="user_hart_select_list hide">
                <li class="item"><a href="<?php echo Url::to(['/customer/collection']);?>">默认</a></li>
                <li class="item"><a href="javascript:;">价格</a><span class="icon">↓</span></li>
                <li class="item"><a href="javascript:;">最新</a><span class="icon">↑</span> </li>
                <li class="item"><a href="javascript:;">人气</a><span class="icon">↑</span></li>
            </ul>
        </div>
        <ul class="user_hart_content mt20">
            <?php if(!empty($goods_list['enable'])){?>
                <?php foreach($goods_list['enable'] as $value){?>
                    <li class="item" data-goods="<?=$value['goods_id'] ?>">
                        <div class="item_img">
                            <img title="<?=$value['goods_pic_title'] ?>" src="<?=$image_bath_url.'/'.$value['goods_main_pic'] ?>" alt="<?=$value['goods_pic_alt'] ?>"/>
                        </div>
                        <div class="item_info">
                            <h4 class="h4"><span class="icon icon-title-l"></span><?=$value['brand_name'] ?></h4>
                            <h6 class="h6"><span>GRAVITY</span> <?=$value['goods_name_cn'] ?></h6>
                            <p class="item_price"><del><?=$value['unit'].$value['market_price'] ?></del><?=$value['unit'].$value['sale_price'] ?></p>
                        </div>
                        <div class="item_btns">
                            <p class="time">添加日期:<span><?=date('Y年m月d号', strtotime($value['create_time'])); ?></span></p>
                            <a class="link-more fx_btn" href="javascript:;">分享</a>
                            <a class="link-more del_btn" href="javascript:;">删除</a>
                        </div>
                        <div class="wechat_fx_layer shadebox" >
                            <h2>分享到微信</h2>
                        </div>
                    </li>
                <?php }?>
            <?php }?>
        </ul>
        <div class="h-45 user_hart_lost mt30">
            <h4 class="h4">以下商品已失效</h4>
        </div>
        <ul class="user_hart_content">
            <?php if(!empty($goods_list['disable'])){?>
                <?php foreach($goods_list['disable'] as $value){?>
                    <li class="item" data-goods="<?=$value['goods_id'] ?>">
                        <div class="item_img">
                            <img title="<?=$value['goods_pic_title'] ?>" src="<?=$image_bath_url.'/'.$value['goods_main_pic'] ?>" alt="<?=$value['goods_pic_alt'] ?>"/>
                            <div class="layer">
                                <span>已失效</span>
                            </div>
                        </div>
                        <div class="item_info">
                            <h4 class="h4"><span class="icon icon-title-l"></span><?=$value['brand_name'] ?></h4>
                            <h6 class="h6"><span>GRAVITY</span> <?=$value['goods_name_cn'] ?></h6>
                            <p class="item_price"><del><?=$value['unit'].$value['market_price'] ?></del><?=$value['unit'].$value['sale_price'] ?></p>
                        </div>
                        <div class="item_btns">
                            <p class="time">添加日期:<span><?=date('Y年m月d号', strtotime($value['create_time'])); ?></span></p>
                            <a class="link-more del_btn" href="javascript:;">删除</a>
                        </div>
                    </li>
                <?php }?>
            <?php }?>
        </ul>
    </div>
</div>
<!-- 你可能会喜欢 -->
<div class="match mt100">
    <h3 class="title">你可能会喜欢</h3>
    <div class="proudct_list clear mt40">
        <ul class="proudct_list_ul">
            <li class="item pr">
                <div class="item_img">
                    <span class="icon icon-hart"></span>
                    <ul class="item_img_list">
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_20.png" alt="red"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_21.png" alt="blue"></a></li>
                    </ul>
                </div>
                <div class="item_info">
                    <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                    <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                    <p><del>CNY15,000.00</del><span class="item_price">CNY13,010.00</span></p>
                </div>
                <ol class="dots mid">
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                </ol>
            </li>
            <li class="item pr">
                <div class="item_img">
                    <span class="icon icon-hart"></span>
                    <ul class="item_img_list">
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                    </ul>
                </div>
                <div class="item_info">
                    <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                    <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                    <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                </div>
                <ol class="dots mid">
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                </ol>
            </li>
            <li class="item pr">
                <div class="item_img">
                    <span class="icon icon-hart"></span>
                    <ul class="item_img_list">
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_20.png" alt="red"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_21.png" alt="blue"></a></li>
                    </ul>
                </div>
                <div class="item_info">
                    <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                    <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                    <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                </div>
                <ol class="dots mid">
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                </ol>
            </li>
            <li class="item pr">
                <div class="item_img">
                    <span class="icon icon-hart"></span>
                    <ul class="item_img_list">
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="white"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="red"></a></li>
                        <li  class="img_item"><a href="javascript:;"><img src="<?=$image_bath_url ?>/static/pc/image/list/ppsp_pc_01.png" alt="blue"></a></li>
                    </ul>
                </div>
                <div class="item_info">
                    <h4> <span class="icon icon-title-l"></span>CALLIGARIS</h4>
                    <p class="info"><span class="info_br">ORBITAL</span>系列 旋转式可拉伸长餐桌</p>
                    <p><del>CNY15,000.00</del><span class="item_price">CNY13,000.00</span></p>
                </div>
                <ol class="dots mid">
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="dot"></li>
                    <li class="more"> <a href="javascript:;" class="link-text"> 更多 > </a></li>
                </ol>
            </li>
        </ul>
    </div>
</div>
</div>
</section>
<div class="wechat_fx_layer shadebox" id="wechat_img">
        <h2>分享到微信</h2>
        <img src="<?=$image_bath_url ?>/static/pc/image/iconPng/Bitmap.png" alt="wechat"/>
</div>
<div class="hartList_del_layer shadebox" id="usk_del">
        <p>确定要删除？</p>
        <button type="button" class="link-more" id="del">删除</button>
        <button type="button" class="link-more" id="nodel">取消</button>
</div>
<div id="qrcode" style="">

</div>
<?php
AppAsset::addJs($this,$image_bath_url."/static/common/jquery.qrcode.min.js");
AppAsset::addJs($this,$image_bath_url."/static/pc/js/common/proudct-list.js");
AppAsset::addJs($this,$image_bath_url."/static/pc/js/user-center-hart.js");
?>